<template>

  <NavBar v-if="$store.state.background.status === 'dark'" />
  <NavBar2 v-if="$store.state.background.status === 'light'" />
  <router-view></router-view>
  <!-- <div class="back1" v-if="$store.state.background.status === 'dark'">
    <NavBar v-if="$store.state.background.status === 'dark'" />
    <router-view></router-view>
  </div>

  <div class="back1" v-if="$store.state.background.status === 'light'">
    <NavBar2 v-if="$store.state.background.status === 'light'" />
    <router-view></router-view>
  </div> -->
</template>


<script>
import NavBar from './components/NavBar.vue'
import "bootstrap/dist/css/bootstrap.min.css"
import "bootstrap/dist/js/bootstrap"
import NavBar2 from './components/NavBar2.vue';
export default {
  components: {
    NavBar,
    NavBar2
  },
  setup() {
    

    return {
      
    }
  }

}
</script>

<style>
  body {
  margin: 0;
  padding: 0;
  background-image: url("./assets/images/11.png");
  background-size: cover;
  background-attachment: fixed;
}

</style>
